<template>
  <div id="app">
    <!-- <HeaderTop /> -->
    <router-view />
  </div>
</template>

<script>
import HeaderTop from "./components/HeaderTop";
export default {
  name: "App",
  components: {
    HeaderTop,
  },
};
</script>
<style lang="scss">
// .el-menu-item {
//   background: url("./assets/img/menu-btn.png");
//   text-align: center;
//   line-height: 34px;
//   color: white;
//   background-size: 100% 100%;
//   width: 175px;
//   margin: 15px auto;
//   height: 34px;
// }
.mt-10 {
  margin-top: 10px;
}
.mr-20 {
  margin-right: 20px;
}
.btn-active {
  box-shadow: rgb(0, 194, 255) 0px 0px 10px 0px inset;
  background-color: rgb(29, 67, 95);
  color: white;
  border: none;
  padding: 10px 15px;
}
.btn-active:hover,
.btn-active:focus {
  box-shadow: rgb(0, 194, 255) 0px 0px 10px 0px inset !important;
  background-color: rgb(29, 67, 95) !important;
  color: white !important;
}
.btn-delete {
  box-shadow: 0px 0px 10px 0px rgba(250, 81, 81, 1) inset;
  border-color: rgba(250, 81, 81, 1);
  background-color: rgba(57, 11, 11, 1);
  color: white;
  padding: 10px 15px;
}
.mb-20 {
  margin-bottom: 20px;
}
.detail.el-button {
  background: #1281a7;
  color: white;
  border: none;
  padding: 9px 15px;
  img {
    margin-right: 5px;
  }
}
.el-table--border::after,
.el-table--group::after,
.el-table::before {
  background-color: transparent;
}
.el-table__body tr.current-row > td {
  background-color: transparent;
}
.el-table td,
.el-table th.is-leaf {
  border-right: 1px solid #115c7d;
}
.el-checkbox__inner {
  background: transparent;
}
.inline {
  display: inline-block;
}
.ml-5 {
  margin-left: 5px;
}
.ml-10 {
  margin-left: 10px;
}
.ml-15 {
  margin-left: 15px;
}
.mt-20 {
  margin-top: 20px;
}
.cur {
  cursor: pointer;
}
.el-pager li {
  background: rgb(21, 48, 68);
  border-color: rgb(12, 124, 165);
  margin-right: 5px;
  color: white;
}
.el-dialog,
.el-message-box {
  background: rgb(21, 48, 68);
  border-color: rgb(12, 124, 165);
  color: white;
  .el-dialog__title,
  .el-message-box__content,
  .el-message-box__title {
    color: white;
  }
}
.el-pager li.active {
  color: white;
  background: rgb(11, 158, 207);
}
.el-pagination button:disabled {
  background-color: rgb(21, 48, 68) !important;
  border-color: rgb(12, 124, 165) !important;
  color: white !important;
}
.el-pagination {
  margin-top: 10px;
  text-align: right;
  .el-input__inner,
  .btn-prev,
  .btn-next,
  .button:disabled {
    background-color: rgb(21, 48, 68);
    border-color: rgb(12, 124, 165);
    color: white;
  }
  .el-pager li.btn-quicknext,
  .el-pager li.btn-quickprev {
    color: white;
  }
  .el-pagination__jump,
  .el-pagination__total {
    color: white;
  }
}
.green-tag {
  font-size: 12px;
  background: rgba(88, 221, 152, 0.298);
  color: white;
  display: inline-block;
  padding: 3px 10px;
  border-radius: 20px;
  border: 1px solid rgba(88, 221, 152);
  width: 60px;
}
.other-tag {
  // rgba(88, 221, 152, 0.996078431372549);
  color: #29eeff;
  font-size: 12px;
  background: rgb(41, 238, 255, 0.298);
  // color: white;
  display: inline-block;
  padding: 3px 10px;
  border-radius: 20px;
  // opacity: 0.298;
  border: 1px solid #29eeff;
  width: 60px;
}
.red-tag {
  font-size: 12px;
  background: rgba(250, 81, 81, 0.298);
  color: white;
  display: inline-block;
  padding: 3px 10px;
  border-radius: 20px;
  border: 1px solid rgba(250, 81, 81, 1);
  width: 60px;
}
.flex-js {
  display: flex;
  justify-content: space-between;
}
.el-select-dropdown {
  background: rgb(0, 97, 127);
  border-color: #01bef9;

  .el-select-dropdown__empty {
    color: rgb(191, 191, 191);
  }
}
.el-popper[x-placement^="bottom"] .popper__arrow,
.el-popper[x-placement^="bottom"] .popper__arrow::after {
  border-bottom-color: rgb(0, 97, 127);
}
.el-table__empty-text {
  color: white;
}
.el-select-dropdown__item.hover,
.el-select-dropdown__item:hover {
  background: rgb(21, 48, 68);
}
.el-drawer.rtl {
  background: #031c2b;
  padding: 20px;
  color: white;
  .el-drawer__header {
    color: white;
  }
}
.el-select-dropdown__item,
.el-radio {
  color: white;
}
.el-button:focus,
.el-button:hover {
  background: rgba(29, 67, 95, 0);
  color: white;
  border-color: rgba(0, 194, 255, 1);
  box-shadow: 0px 0px 10px 0px rgba(0, 194, 255, 1) inset;
}
.confirm {
  background: rgba(0, 194, 255, 0.749019607843137);
}
.cancel {
  background: rgba(29, 67, 95, 0);
  color: white;
  border-color: rgba(0, 194, 255, 1);
  box-shadow: 0px 0px 10px 0px rgba(0, 194, 255, 1) inset;
}
.el-icon-arrow-right {
  color: white;
}
// .search {
.el-form {
  .el-input__inner,
  .el-textarea__inner {
    background: rgb(21, 48, 68);
    border-color: rgb(12, 124, 165);
    color: white;
  }
  .el-input__inner:hover {
    border-color: rgb(12, 124, 165);
  }
  .el-input__icon,
  .el-form-item__label {
    color: white;
  }
  .el-button {
    background: #1281a7;
    color: white;
    border: none;
    padding: 9px 15px;
  }
}
.el-input.is-disabled .el-input__inner {
  background: rgb(21, 48, 68);
  border-color: rgb(12, 124, 165);
  color: white;
}
.flex {
  display: flex;
}
// }
.v-modal {
  background: none;
}
.el-table th,
.el-table tr {
  color: rgba(255, 255, 255, 0.749019607843137);
  background-color: rgba(26, 57, 78, 0.6);
}
.el-table th {
  background: rgb(27, 93, 122);
}
.el-table--border td,
.el-table--border th,
.el-table__body-wrapper .el-table--border.is-scrolling-left ~ .el-table__fixed {
  border-right: 1px solid rgb(17, 92, 125);
}
.el-table,
.el-table__expanded-cell {
  background: transparent;
}
.el-table--border,
.el-table--group {
  border: 1px solid rgb(17, 92, 125);
}
.el-table td,
.el-table th.is-leaf {
  border-bottom: 1px solid rgb(17, 92, 125);
}
.el-table tbody tr:hover,
.el-table tbody tr:hover > td {
  background: none !important; //修改成自己想要的颜色即可
}
.el-input__inner {
  height: 32px;
  line-height: 32px;
}
.center {
  text-align: center;
}
//         .el-table__body-wrapper::-webkit-scrollbar {
//     width: 0px; /*  设置纵轴（y轴）轴滚动条 */
//     height: 0px; /*  设置横轴（x轴）轴滚动条 */
// }
// /* 滚动条滑块（里面小方块） */
// .el-table__body-wrapper::-webkit-scrollbar-thumb {
//     border-radius: 10px;
//     box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
//     background: rgba(0,0,0,0.2);
// }
// /* 滚动条轨道 */
// .el-table__body-wrapper::-webkit-scrollbar-track {
//     border-radius: 0;
//     box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
//     background: rgba(0,0,0,0.1);
// }
</style>
